<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
    <meta charset="utf-8">
    <title>云呼任务管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" th:href="@{/js/layui/css/layui.css}"  media="all" />
    <link rel="stylesheet" th:href="@{/css/public.css}"  media="all" />
<!--    <style>
        .layui-layer-iframe{width: 100% !important;left: 0px !important;}
    </style>-->
</head>
<body class="childrenBody" style="-webkit-backface-visibility: hidden;">
<form class="layui-form">
        <fieldset class="layui-elem-field" style="margin-top: 10px;border-width: 2px; border-color: #f2f2f2;">
            <legend style="font-size: large;font-weight: bold;">云呼任务管理</legend>
            <div class="layui-field-box">
                <form class="layui-form">
                    <div class="layui-form-div">
                        <div class="layui-inline">
                            <div class="layui-input-inline">
                                <input name="taskName" type="text" class="layui-input" placeholder="请输入任务名称"/>
                            </div>
                            <div class="layui-input-inline" style="display: none">
                                <input name="projectName" type="text" class="layui-input" placeholder="请输入项目名称"/>
                            </div>

                            <div class="layui-input-inline" width="230px">
                                <!-- <input name="status" type="text" class="layui-input" id="status" placeholder="任务状态">-->
                                <th:block th:if="${taskStatus!=null}">
                                    <select name="status" lay-filter="status" id="status" lay-search="" >
                                        <option value="">请选择任务类型(可输关键词)</option>
                                        <option th:each="it:${taskStatus}" th:value="${it.value}" th:text="${it.desc}"></option>
                                    </select>
                                </th:block>
                            </div>

                            <!--<input type="hidden" name="createUserId" id="createUserId" value="0"/>
                            <input type="hidden" name="canSearchAll" id="canSearchAll" value="false"/>
                            <input type="hidden" name="doSearch" id="doSearch" value="false"/>-->
                            <div class="layui-inline">
                                <a class="layui-btn layui-btn-normal addTask_btn" style="width:141px;" sec:authorize = "hasAuthority('ROLE_BTN_linkcall:linkageCall:addTask')"><i class="layui-icon">&#xe654;</i>新建任务</a>
                            </div>
                            <button type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="query" id="query" sec:authorize = "hasAuthority('ROLE_BTN_linkcall:linkageCall:search')">
                                <i class="layui-icon">&#xe615;</i>
                                查询
                            </button>
                        </div>
                    </div>

                    <div class="layui-form-div">
                        <div class="layui-inline" >
                            <div class="layui-input-inline">
                                <input name="createTimeStart" type="text" class="layui-input" id="regDateMin" placeholder="开始任务创建日期">
                            </div>
                            <div class="layui-input-inline">
                                <input name="createTimeEnd" type="text" class="layui-input" id="regDateMax" placeholder="结束任务创建日期" style="width: 193px" >
                            </div>
                            <div class="layui-inline">
                                <a class="layui-btn layui-btn-normal set_callPhone" sec:authorize = "hasAuthority('ROLE_BTN_linkcall:linkageCall:setPhone')"><i class="layui-icon">&#xe654;</i>外呼号码设置</a>
                            </div>
                        </div>
                    </div>

                </form>
            </div>

        </fieldset>
    <table id="callTaskList" lay-filter="callTaskList"></table>

    <!--操作-->
    <script type="text/html" id="newsListBar">
        <!--<button class="layui-btn layui-btn-xs layui-btn-primary">
            <i class="layui-icon">&#xe678;</i>
        </button>-->
        <!--<a class="layui-btn layui-btn-xs " lay-event="freeswitchCall"><i class="layui-icon" style="margin-right: 0px;">&#xe7ae;</i></a>-->
        <img  th:src="@{/images/pc_call11.png}" lay-event="freeswitchCall"  title="freeswitch外呼" style="display: none"/>
        <img  th:src="@{/images/pc_call.png}" lay-event="call"  title="双呼"/>
        <img  th:src="@{/images/call_2.png}"  lay-event="arsCall"  title="单呼"/>
        <a class="layui-btn layui-btn-xs layui-btn-primary" lay-event="look" sec:authorize = "hasAuthority('ROLE_BTN_linkcall:linkageCall:view')">查看详情</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" sec:authorize = "hasAuthority('ROLE_BTN_linkcall:linkageCall:del')">删除</a>
    </script>

    <script type="text/javascript" th:inline="javascript">
        /*<![CDATA[*/
        ctxPath1 = /*[[@{/}]]*/ '';
        /*]]>*/
        const baseUrl = [[${#servletContext.contextPath}]];
        var connectWsVo = [[${connectWsVo}]];
        var pageFrom = [[${pageFrom}]];
        var timestamp = new Date().getTime();
        var fsConnectWsVo = [[${fsConnectWsVo}]];
    </script>
</form>

<!--来电铃声-->
<audio id="ringtone" loop th:src="@{/js/page/linkageCall/sipjs/sounds/incoming.mp3}"></audio>

<!--去电铃声-->
<audio id="outgoing" loop th:src="@{/js/page/linkageCall/sipjs/sounds/outgoing.mp3}"></audio>

<script type="text/javascript"   th:src="@{/js/jquery-1.7.2.min.js}"></script>
<script type="text/javascript"   th:src="@{/js/page/linkageCall/sipjs/sip-0.6.4.js}"></script>
<script type="text/javascript"   th:src="@{/js/page/linkageCall/sipjs/sipjsUa.js}"></script>
<script type="text/javascript" th:src="@{/js/page/linkageCall/cloudCallUtils.js(v=${new java.util.Date().getTime()})}"></script>
<script type="text/javascript"   th:src="@{/js/layui/layui.js}"></script>
<script type="text/javascript"   th:src="@{/js/page/linkageCall/queryLinkageCallTask.js(v=${new java.util.Date().getTime()})}"></script>
<script type="text/javascript"   th:src="@{/js/DataTableExtend.js}"></script>
<script type="text/javascript"   th:src="@{/js/page/utils.js}"></script>
</body>
</html>